.calendar_container {
    width : 824px;
    margin-left : auto;
    margin-right: auto;
    overflow: hidden;
}

.title_bar {
    width : 100%;
    height : 30px;
}

.calendar_container .previous_month,
.calendar_container .next_month {
    width : 325px;
}

.next_month {
    float: right;
    text-align:left;
}
.previous_month {
    float: left;
    text-align:right;
}

.calendar_container input[type="submit"] {
    height : 30px;
    width : 50px;
    font-weight : bold;
    font-size : 1.1em;
}

.show_month {
    float : left;
    width : 150px;
    height : 30px;
    line-height: 2em;
    text-align: center;
}

.week_days {
    width : 100%;
}

.days_of_week {
    float : left;
    width : 14%;
    text-align: center;
    font-weight : bold;
}

.cal_day {
    position : relative;
    float : left;
    margin-right : 4px;
    margin-bottom : 4px;
    width : 113px;
    height : 95px;
}

.day_heading {
    position : relative;
    float : left;
    width : 40px;
    height : 16px;
    padding : 6px;
    color :#000;
    font-family: Arial;
    font-size : 14px;
}

.openings {
    width : 100%;
    clear : left;
    text-align: center;
}

.non_cal_day {
    position : relative;
    float : left;
    margin-right : 4px;
    margin-bottom: 4px;
    width : 113px;
    height : 95px;
}

.clear {
    clear:both;
}

div.showEvents {
    background-color: #00749B;
    padding: 2px 5px;
    transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}

div.showEvents *:active {
    position: relative;
    top: 1px;
    left: 1px;
}

div.showEvents * {
    text-decoration: none;
    font-weight: bold;
}